<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="/css/font.css">
    <link rel="stylesheet" href="/css/xadmin.css">
    <script type="text/javascript" src="/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/js/xadmin.js"></script>
    <script type="text/javascript" src="/js/jquery.min.js"></script>

    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="/js/html5.min.js"></script>
    <script src="/js/respond.min.js"></script>
    <![endif]-->
</head>
<style>
    .layui-form-item .layui-input-inline {
        width: 400px!important;
    }
    .layui-upload-img {
        width: 92px;
        height: 92px;
        margin: 0 10px 10px 0;
    }
    #ueditor_0 img{
        width: 100%!important;
    }
</style>
<script>
    BASE_URL = '<?= isset($base_url) ? $base_url : '' ?>';
    STORE_URL = '<?= isset($store_url) ? $store_url : '' ?>';
</script>
<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form" id="form">


            <div class="layui-form-item">
                <label for="username" class="layui-form-label"><span class="x-red">*</span>所属公司</label>
                <div class="layui-input-inline">
                    <select name="company" lay-verify="required" lay-search="">
                        <option value="">直接选择或搜索选择</option>
                        <?php foreach ($company as $v): ?>
                            <option value="<?= $v['id'] ?>"><?= $v['name'] ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <label for="username" class="layui-form-label"><span class="x-red">*</span>职位名称</label>
                <div class="layui-input-inline">
                    <input type="text"  name="name"  lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>



            <div class="layui-form-item">
                <label for="username" class="layui-form-label"><span class="x-red">*</span>学历要求</label>
                <div class="layui-input-inline">
                    <select name="education" lay-verify="required" lay-search="">
                        <?php foreach ($education as $v): ?>
                            <option value="<?= $v['id'] ?>"><?= $v['name'] ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <label for="username" class="layui-form-label"><span class="x-red">*</span>经验时间</label>
                <div class="layui-input-inline">
                    <select name="experience" lay-verify="required" lay-search="">
                        <?php foreach ($experience as $v): ?>
                            <option value="<?= $v['id'] ?>"><?= $v['name'] ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>
            </div>


            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label"><span class="x-red">*</span>薪资范围</label>
                    <div class="layui-input-inline" style="width: 190px!important;">
                        <input type="text" name="min_salary" placeholder="￥" autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-form-mid">-</div>
                    <div class="layui-input-inline" style="width: 190px!important;">
                        <input type="text" name="max_salary" placeholder="￥" autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux"><span class="x-red">*</span>默认单位：千</div>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label"><span class="x-red">*</span>所在地区</label>

                <div class="layui-input-inline" style="width: 125px!important;">
                    <select lay-filter="province" id="province" name="province">
                    </select>
                </div>

                <div class="layui-input-inline" style="width: 125px!important;">
                    <select  lay-filter="city" id="city" name="city">

                    </select>
                </div>

                <div class="layui-input-inline" style="width: 125px!important;">
                    <select lay-filter="region"  id="region" name="region">

                    </select>
                </div>

            </div>

            <div class="layui-form-item">
                <label for="username" class="layui-form-label"><span class="x-red">*</span>工作性质</label>
                <div class="layui-input-inline">
                    <select name="type" lay-verify="required" lay-search="">
                        <option value="10">全职/长期</option>
                        <option value="20">兼职/短期</option>
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <label for="username" class="layui-form-label"><span class="x-red">*</span>福利待遇</label>
                <div class="layui-input-inline">
                    <input type="text"   name="welfare"  lay-verify="required" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux"><span class="x-red">*</span>格式用；号分隔开   例如：周末双休；五险一金；下午茶</div>
            </div>


            <div class="layui-form-item">
                <label for="phone" class="layui-form-label"><span class="x-red">*</span>职位状态</label>
                <div class="layui-input-block">
                    <input type="radio" name="on" value="10" title="招聘中" checked>
                    <input type="radio" name="on" value="20" title="停止">
                </div>
            </div>

            <div class="layui-form-item">
                <label for="phone" class="layui-form-label"><span class="x-red">*</span>是否显示</label>
                <div class="layui-input-block">
                    <input type="radio" name="status" value="10" title="显示" checked>
                    <input type="radio" name="status" value="20" title="隐藏">
                </div>
            </div>
            
                  <div class="layui-form-item">
                <label for="phone" class="layui-form-label"><span class="x-red">*</span>是否推荐</label>
                <div class="layui-input-block">
                    <input type="radio" name="hot" value="10" title="是">
                    <input type="radio" name="hot" value="20" title="否" checked>
                </div>
            </div>


            <div class="layui-form-item">
                <label for="username" class="layui-form-label"><span class="x-red">*</span>工作地点</label>
                <div class="layui-input-inline">
                    <input type="text" id="local"  name="address[]"  lay-verify="required" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux"><span class="x-red">*</span>详细工作地点(位置搜索后可自动填写)</div>
            </div>



            <div class="layui-form-item">
                <label for="username" class="layui-form-label"><span class="x-red">*</span>经度</label>
                <div class="layui-input-inline">
                    <input type="text"  name="lng" id="lng" lay-verify="required" autocomplete="off" class="layui-input">
                </div>

            </div>
            
            
            
            <div class="layui-form-item">
                <label for="username" class="layui-form-label"><span class="x-red">*</span>纬度</label>
                <div class="layui-input-inline">
                    <input type="text"  name="lat" id="lat" lay-verify="required" autocomplete="off" class="layui-input">
                </div>
    
            </div>
            
            
               <div class="layui-form-item">
                <label for="username" class="layui-form-label"><span class="x-red">*</span>位置</label>
                <div class="layui-input-inline" style="height: 400px;width:800px!important;">
                <iframe src="https://qolaxin.gzfloat.com/?r=index/map" frameborder="0" scrolling="no" style="width: 100%;height: 100%;"></iframe>
                </div>
            </div>


            <div class="layui-form-item">
                <label for="username" class="layui-form-label"><span class="x-red">*</span>详情</label>
                <div class="layui-input-inline">
                    <textarea id="container" type="text/plain" name="content" style="width: 300px;height: 600px"></textarea>
                </div>
            </div>

            <div class="layui-form-item">
                <label for="L_repass" class="layui-form-label"></label>
                <button type="button" id="btn"  class="layui-btn" lay-submit="" lay-filter="add">保存</button>
            </div>
        </form>
    </div>
</div>
<script src="/ueditor/ueditor.config.js"></script>
<script src="/ueditor/ueditor.all.js"></script>
</body>
</html>
<script>

    // 富文本编辑器
    var ue = UE.getEditor('container');

    layui.use(['form','upload'], function(){
        var form=layui.form;
        $ = layui.jquery;

        $.get('/?r=work/region',function (res) {
            var res=JSON.parse(res);

            //省份
            var province = '';
            for(var i in res.province){province += '<option value = "' + res.province[i].id + '">' + res.province[i].name + '</option>'}
            $("#province").html(province);

            //城市
            var city = '';
            for(var i in res.city){city += '<option value = "' + res.city[i].id + '">' + res.city[i].name + '</option>'}
            $("#city").html(city);

            //地区
            var region = '';
            for(var i in res.region){region += '<option value = "' + res.region[i].id + '">' + res.region[i].name + '</option>'}
            $("#region").html(region);

            form.render();
        });

        form.on('select(province)', function(data){
            $.post('/?r=work/region',{city:data.value,region:null},function(res) {
                var res=JSON.parse(res);
                //城市
                var city ='';
                for(var i in res.list){city += '<option value = "' + res.list[i].id + '">' + res.list[i].name + '</option>'}
                $("#city").html(city);

                //地区
                var region = '';
                for(var i in res.region){region += '<option value = "' + res.region[i].id + '">' + res.region[i].name + '</option>'}
                $("#region").html(region);

                form.render();
            });

        });

        form.on('select(city)', function(data){
            $.post('/?r=work/region',{city:null,region:data.value},function(res) {
                var res=JSON.parse(res);
                //地区
                var region = '';
                for(var i in res){region += '<option value = "' + res[i].id + '">' + res[i].name + '</option>'}
                $("#region").html(region)
                form.render();
            });
        });


    });

    $('#btn').click(function () {
        $.ajax({
            type: "POST",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            url:'/?r=work/add',
            data:new FormData(document.getElementById("form")),
            processData:false,
            contentType:false,
            success: function (res) {
                if (res.code){
                    layer.msg(res.msg);
                    setTimeout(function () {
                        parent.location.reload();
                    },500);

                }else{
                    layer.msg(res.msg);
                }
            },
            error : function() {

            }
        });
    });
</script>
